<template>
    <dir>
        全局指令获取焦点：<input v-focus type="text">
        局部指令获取焦点：<input v-focus2 type="text">
        局部指令： <p v-toRed>Red</p>

        <hr>
        使用过滤给价格加上钱的标记：{{ price|forMatMoney }}
        <br>
        使用过滤给文本加上小尾巴:{{ content|addTail}}

    </dir>
</template>
<script>
export default {
    name:"myfocus",
    data(){
        return{
            price:20,
            content:'我是一段长长的文本内容。。。。。'
        }
    },
    directives:{
        focus2:{
            inserted:function(el){
                el.focus()
            }
        },
        toRed:{
            inserted:function(el) {
                el.style.color = 'red'
            }
        }
    },
    filters:{
        forMatMoney(price) {
            if (typeof price != 'number') {
                return price
            }
            return "￥" + price
        },
        addTail(content) {
            return content + '--------来之xxx'
        }
    }
}
</script>
<style>

</style>


